<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>便携式储能门店订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    #parse('/headFiles.html')
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">订单基础信息</div>
        <input type="hidden" name="tradeNo" value="$!{tradeNo}"/>
        <input type="hidden" name="createDate" value="$!{utils.dateFormat($createDate,'yyyy-MM-dd HH:mm:ss')}"/>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{tradeNo}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借电池类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{batteryTypeName}($!{batteryType})</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">电池序列号</label>
                        <div class="layui-input-block">
                            <input type="text" name="portableBatterySn" lay-verify="required" placeholder="请输入便携式储能电池序列号" autocomplete="off" class="layui-input" value="$!{portableBatterySn}">
                        </div>
                    </div>
                </div>
            </div>
            #if($leaseType == 3)
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">快递公司</label>
                        <div class="layui-input-block">
                            <select id="logisticsCompanyId" name="logisticsCompanyId" class="layui-hide" lay-ignore></select>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">快递单号</label>
                        <div class="layui-input-block">
                            <input type="text" name="logisticsTradeNo" lay-verify="required" placeholder="请输入快递单号" autocomplete="off" class="layui-input" value="$!{logisticsTradeNo}">
                        </div>
                    </div>
                </div>
            </div>
            #end
        </div>
        <div class="layui-form-item layui-hide">
            <input type="button" lay-submit lay-filter="LAY-form-submit" id="LAY-form-submit" value="确认">
        </div>
    </div><!-- /.layui-form -->
    <div class="layui-card layui-form" wid100>
        <div class="layui-card-header">租借信息</div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借类型</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseTypeName}</div>
                        </div>
                    </div>
                </div>
                #if($leaseOperator)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借操作用户</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leaseOperator}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
            <div class="layui-row">
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借网点名称</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{leasePlaceName}($!{leasePlaceId})</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">租借地址</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{placeAreaName}</div>
                        </div>
                    </div>
                </div>
            </div>
            #if($appointment)
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">$!{appointment.typeName}</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{appointment.stateName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">预约日期</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($appointment.appointmentDate,'yyyy-MM-dd')}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">预约时间(24H)</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{appointment.appointmentTime}点</div>
                        </div>
                    </div>
                </div>
                #if($appointment.finishDate)
                <div class="layui-col-sm6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">预约完成时间</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{utils.dateFormat($appointment.finishDate,'yyyy-MM-dd HH:mm:ss')}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
            #end
            #if($logistics)
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">$!{logistics.typeName}</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.stateName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收货人姓名</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.receiveName}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收货人手机号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.receivePhone}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收货省份</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.receiveProvince}</div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm8">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收货详细地址</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.receiveAddress}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                #if($logistics.logisticsCompany)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">物流公司</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.logisticsCompany}</div>
                        </div>
                    </div>
                </div>
                #end
                #if($logistics.logisticsTradeNo)
                <div class="layui-col-sm4">
                    <div class="layui-form-item">
                        <label class="layui-form-label">物流单号</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux">$!{logistics.logisticsTradeNo}</div>
                        </div>
                    </div>
                </div>
                #end
            </div>
            #end
        </div>
    </div><!-- /.layui-card -->
</div>
#parse('/footFiles.html')
<script type="text/javascript">
layui.config({
	base: '$!{webRoot}/assets/layuiadmin/'
	,webRoot:'$!{webRoot}'
}).extend({
	index: 'lib/index'
}).use(['index', 'form'],function (){
    $('#logisticsCompanyId').select2({
        placeholder: "请选择快递公司",
        width:'100%',
        theme: 'bootstrap',
        ajax: {
            url: layui.setter.webRoot + '/config/logistics_company/select.data',
            method: 'post',
            delay: 250,
            processResults: function (result) {
                if (result.code == 200) {
                    return {
                        pagination: {more: result.body.more},
                        results: result.body.data || []
                    };
                } else {
                    return {results: []};
                }
            }
        }
    });
});
</script>
</body>
</html>